@filipesilva thanks for the document!. For webpack users it will probably be best to have module be ES2018 so that we don't downlevel emit and webpack2 can correctly support dynamic import

Correction: it will ESNext instead of ES2018....Also even using with esnext and not downlevel emit, webpack will not allow dynamic name....The benefit of not downlevel with webpack seems to be in that webpack will do code-splitting

I did not know that was an option, and that indeed sounds like the better alternative 👍

@yuit so is this going to be forthcoming in the next TypeScript release? 2.3.4 complains about import() even with target of esnext. Not sure if I'm missing something.

@yuit so is this going to be forthcoming in the next TypeScript release? 2.3.4 complains about import() even with target of esnext. Not sure if I'm missing something.

this will be in TS 2.4. you can give it a try today in typescript@next

Cool - thanks!

My package-lock.json has typescript in version 2.4.0-dev.20170608, my tsconfig.json is this

{
    "compilerOptions": {
        "module": "es6",
        "target": "es6",
        "moduleResolution": "node",
        "baseUrl": "src",
        "allowJs": true,
        "allowSyntheticDefaultImports": true,
        "jsx": "preserve",
        "pretty": true,
        "removeComments": true,
        "sourceMap": true
    },
    "exclude": [
        "node_modules"
    ]
}

TS1323: Dynamic import cannot be used when targeting ECMAScript 2015 modules.
is thrown for this code

const AsyncRoutes = Loadable({
  loader: () => import('./Routes' /* webpackChunkName: "routes" */),
  LoadingComponent: () => null,
})

That seems misleading. I'm not targetting ECMAScript 2015 modules anywhere, or am i? What are the correct settings?

@codepunkt , you're using "module": "es6"

Error if the module flag is ES2015.

See #14495 for more information.

@trotyl Thanks. That helps me only to the extent that i know that i actually targetted ECMAScript 2015 modules. It doesn't tell me what my tsconfig.json should look like. Simply changing the module compiler option to es2018 results in the same error.

@codepunkt The option for leaving as-is is esnext, you can find it in above comment: #14774 (comment)

Thanks. That works 👍

Does anybody know whether there is synchronous import in ES?
Is there any way to ensure that import will be done immediately ?

Synchronous import is done with regular

import X from 'x'

at the top of your file. Dynamic import() statements always return a promise and are async.

@arackaf I want a conditional synchronous import. If I only could have import in the middle of the file.